$(function () {
    // 1. 全选 全不选功能模块
    //      就是把全选按钮（checkall）的状态赋值给 三个小的按钮（j-checkbox）就可以了
    //      事件可以使用change
    $('.checkall').change(function(){
        $('.j-checkbox,.checkall').prop('checked',$(this).prop('checked'))
        getSum()
    })
    // 2. 如果小复选框被选中的个数等于3 就应该把全选按钮选上，否则全选按钮不选。
   $('.j-checkbox').change(function(){
    // if($('.j-checkbox:checked').length === $('.j-checkbox').length){
    //     $('.checkall').prop('checked',true)
    // }else{
    //     $('.checkall').prop('checked',false)
    // }
    $('.checkall').prop('checked',$('.j-checkbox:checked').length === $('.j-checkbox').length)
    getSum()
   })
   
    // 3. 增减商品数量模块 首先声明一个变量，当我们点击+号（increment），就让这个值++，然后赋值给文本框。
   $('.increment').click(function(){
    let i = $(this).siblings('.itxt').val()
    i++
    console.log(i)
    $(this).siblings('.itxt').val(i)
    let p = $(this).parents('.p-num').siblings('.p-price').html()
    p = p.substr(1)
    $(this).parents('.p-num').siblings('.p-sum').html((p * i).toFixed(2))
    getSum()
   })



   $('.decrement').click(function(){
    let i = +$(this).siblings('.itxt').val()
    
    if(i === 1){
        return
    }
    i--
    console.log(i)
    $(this).siblings('.itxt').val(i)
    let p = $(this).parents('.p-num').siblings('.p-price').html()
    p = p.substr(1)
    $(this).parents('.p-num').siblings('.p-sum').html((p * i).toFixed(2))
    getSum()
   })
    // 4. 用户修改文本框的值 计算 小计模块
    $('.itxt').change(function(){
        let n = $(this).val()
        let i = $(this).parents('.p-num').siblings('.p-price').html()
        i = i.substr(1)
        $(this).parents('.p-num').siblings('.p-sum').html((n * i).toFixed(2))
        getSum()
    })

    
    function getSum(){
        let count = 0
        let sum = 0
        $('.cart-item').each(function(i ,ele){
            if($(ele).find('.j-checkbox:checked').length){
                let i = +$(ele).find('.itxt').val()
                count += i
            }
        })
        $('.amount-sum em').text(count)
        $('.cart-item').each(function(i ,ele){
            if($(ele).find('.j-checkbox:checked').length){
                sum += +$(ele).find('.p-sum').text().replace('￥' , '')
            }
        })
        $('.price-sum em').text(`￥${sum.toFixed(2)}`)
    }
       
    // 5. 删除商品模块
    //      (1) 商品后面的删除按钮
    $('.p-action').click(function(){
        $(this).parents('.cart-item').remove()
        getSum()
    })
    //      (2) 删除选中的商品
    $('.remove-batch').click(function(){
        $('.j-checkbox:checked').parents('.cart-item').remove()
        getSum()
    })
    //      (3) 清空购物车 删除全部商品
    $('.clear-all').click(function(){
        $('.cart-item').remove()
        getSum()
    })
    getSum()
})
